<script setup>
import { onMounted, onUpdated, onUnmounted } from 'vue'

onMounted(() => {
  console.log('mounted')
})
onUpdated(() => {
  console.log('updated')
})
onUnmounted(() => {
  console.log('unmounted')
})
</script>

<template>
    <h1>lifecycle</h1>
</template>